import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { useLocation, useNavigate } from 'react-router-dom'
import styles from './outlist.module.css'
// import rwm from '../../img/rem.png'
import rwm from '../../img/rwm.png'
function Index() {
  const navigate = useNavigate()
  const { state } = useLocation()
  return (
    <div>
      <NavBar onBack={() => navigate('/')}>订单信息</NavBar>
      
        <div>
        <img src={state.image} style={{ width: '100%', height: '300px' }} alt="" />
        <div className={styles.hh}>
          <b>XXX演唱会</b>
              <span>￥{state.price}</span>
        </div>
        <br/>
        <div className={styles.hh}>
          <b>日期</b>
             <span>￥{state.date}</span>
        </div>
        <br/>
        <div className={styles.hh}>
          <b>持票人</b>
            <span>{state.title}</span>
        </div>
        <br/>
         <div className={styles.hh}>
          <b>位置</b>
            <span>北京体育馆</span>
        </div>
      </div>
      <img style={{window:'200px' ,height:'150px'}} src={rwm} alt="" />
    </div>
  )
}

export default Index
